<!doctype html>
<html ng-app="viModule">

<head>
    <meta charset="utf-8">
    <title>VI(Validate internal)</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <!-- build:css({.tmp/serve,src}) styles/vendor.css -->
    <!-- bower:css -->
    <!-- run `gulp inject` to automatically populate bower styles dependencies -->
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:css({.tmp/serve,src}) styles/app.css -->
    <!-- inject:css -->
    <!-- css files will be automatically insert here -->
    <!-- endinject -->
    <!-- endbuild -->
    <script>
        //$SMENU

        if (typeof $CIP == 'undefined')
        {
            $CIP = '127.0.0.1';
            $CHOSTNAME = 'local';
        }
    </script>
</head>

<body>
    <!--[if lt IE 10]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <div ng-controller="IndexController as vm" class="root-container">
        <div>
            <acme-navbar/>
        </div>
        <div>
            <acme-sidebar  on-change="vm.collapse(isCollapse);" />
        </div>
	<div ng-style="{'width':vm.winWidth,'height':vm.winHeight}" ng-show="vm.showMain" ng-class="{'sidebar-collapse':vm.sidebarCollapse}" class="main-content">
		<div class="page-view" ui-view></div>
        </div>
	<div ng-style="{'width':vm.winWidth,'height':vm.winHeight}" ng-show="!vm.showMain" ng-class="{'sidebar-collapse':vm.sidebarCollapse}" class="main-content">
		<vi-view ng-show="v.show" ng-repeat="(k,v) in vm.views" params="{{v.params}}" controller="{{v.controller}}" url="{{v.url}}"/>
	</div>


    </div>
<script type="text/ng-template" id="template/pagination.custom.html">
    <nav ng-if="pages.length >= 2">
        <ul class="pagination">
            <li><a ng-click="selectPage(1)">First</a>
            </li>
            <li><a ng-click="selectPage(currentPage - 1)">&lt;</a>
            </li>
            <li>
                <a>
                    <page-select></page-select>of {{numPages}}</a>
            </li>
            <li><a ng-click="selectPage(currentPage + 1)">&gt;</a>
            </li>
            <li><a ng-click="selectPage(numPages)">Last</a>
            </li>
        </ul>
    </nav>
</script>
    <!-- build:js(src) scripts/vendor.js -->
    <!-- bower:js -->
    <!-- run `gulp inject` to automatically populate bower script dependencies -->
    <!-- endbower -->
    <!-- endbuild -->

    <!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->
    <!-- inject:js -->
    <!-- js files will be automatically insert here -->
    <!-- endinject -->

    <!-- inject:partials -->
    <!-- angular templates will be automatically converted in js and inserted here -->
    <!-- endinject -->
    <!-- endbuild -->

</body>

</html>
